<template>
  <div class="b-cate-form">
    <el-row :gutter="10">
      <el-col :span="7" class="create-time">
        <label for="createTime">创建时间:</label>
        <el-date-picker
          name="createTime"
          v-model="createTime"
          type="daterange"
          size="medium"
          range-separator="-"
          start-placeholder="开始日期"
          end-placeholder="结束日期"
        >
        </el-date-picker>
      </el-col>
      <el-col :span="7" class="title">
        <label for="title">分类名称:</label>
        <el-input
          name="title"
          v-model="title"
          placeholder="请输入分类名称"
        ></el-input>
      </el-col>
    </el-row>
    <el-row>
      <el-col :span="6">
        <el-button type="success" size="small" @click="$emit('open')"
          >添加</el-button
        >
        <el-button type="primary" size="small">查询</el-button>
        <el-button size="small">重置</el-button>
      </el-col>
    </el-row>
  </div>
</template>
<script>
export default {
  name: "BCateForm",
  data() {
    return {
      createTime: [],
      updateTime: [],
      title: ""
    };
  }
};
</script>
<style scoped>
.b-cate-form {
  margin-top: 30px;
}
.el-row {
  margin: 18px 0;
}
label {
  margin-right: 8px;
  font-size: 14px;
}
[class*="el-col-"] {
  text-align: left;
}
.create-time .el-date-editor,
.update-time .el-date-editor {
  width: 81%;
}
.title .el-input {
  width: 81%;
}
/* .el-date-table th{
        padding: 20px 5px
    } */
</style>
